<template>
  <div class="public-container">
     <div>
        <div class="right-con" v-if="detailData">
            <div class="title">{{detailData.title}}</div>
            <div class="article-info">
                <i>发布日期:{{detailData.createTime|createTime}}</i>
                <i>浏览次数:{{detailData.hit}}</i>
            </div>
            <div class="detail-con" v-html="detailData.content">
                        
            </div>                      
          </div>
          <div class="clearfix"></div>
     </div>
  </div>
</template>

<script>
    import navApi from '@/api/index/nav'
    export default {
        name:'mydetails',
        props:['detailData'],
        created(){
        },
        filters:{
            createTime:function(value){ //格式化时间
                return value.split(' ')[0]
            }
        },
        methods:{            
        }
    }
</script>

<style scoped>

.title{
 font-size: 22px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
}
.article-info{
text-align: center;
}
.article-info i{
            margin-right:10px;
        }
 .title a{
            font-size: 14px;
            font-weight: bold;
            text-align:left;
            color:#000;
        }
  .detail-con{
      margin:30px 0;
  }     
</style>